<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>协会动态</title>
    <link href="fonts/iconfont.css" rel="stylesheet"/>
    <link href="css/bass.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>

</head>
<body>
	<div>
        <header>
            <div class="header">
                <h1>动态详情</h1>
                <a href="index.html" class="return"><i class="icon-16"></i></a>
            </div>
        </header>   
        <div style="height: 2.5rem;"></div>
    </div>
	<!-- 协会动态详情 associationDt -->
	<div class="firmList associationDt">
		<!-- 动态所属协会以及发布时间 -->
		<div class="assDt-head">
			<img src="images/logo-caiyunhui.png" class="ass-img">
			<div class="assDt-txt">
				<b>佛山采云协会</b>
				<p><span>05-24&nbsp;&nbsp;10:19</span></p>
			</div>
		</div>
		<!-- 动态所属协会以及发布时间 end-->
		<!-- 动态内容 -->
		<div class="assDt-content">
			<h1>禅城“食物银行”开张啦 专为困难群众</h1>
			<p>禅城“食物银行”开张啦！它是用来干什么的？原来这么有意思……<br>
				<b>食物银行</b><br>
				大家听说过吗？<br>
				“食物银行”是一个爱心食品收集和分享的平台，通过募集社会食品或善款，将食品分配给有需要的困难群众，为他们提供暂时性食物支援，缓解他们经济压力。建立“食物银行”社区扶助常态化，为需要长期扶助与暂时性生活物资帮扶的困难家庭提供食物资助，需要更多的社会热心人士和爱心企业的加入。<br>
				<b>5月22日</b><br>第一期“食物银行”计划正式启动<br>
			</p>
			<img src="images/dtt.jpg">
			<p>5月22日，禅城区慈善会携手禅城区社联社工服务中心发起的“食物银行”公益计划，在石湾1506创意城正式启动，为禅城区300户困难群众购买爱心粮油礼包。</p>
			<p>
			<b>捐赠对象：</b><br>
　　第一期“食物银行”受益对象有300户，主要是禅城区的低保、临界低保或三无人员等困难群众，由禅城区社联社工服务中心联合各村（社区）居委会确定具体帮扶名单。<br>
<b>市民认捐内容：</b><br>
　　1、一份价值50元的爱心礼包，内含一袋5kg大米和一瓶900ml的食用油；<br>
　　2、捐赠一些在保质期范围内的爱心食物，如主食类的米面、营养品类的奶粉麦片、副食品类的酱油或罐头等；<br>
　  &nbsp;&nbsp;3、根据捐赠物资及困难群众的需求灵活组合搭配，一份价值也是50元。<br>
　　（以上三种均可）</p>
			<div class="browseLike">
				<span class="browse-i fl">浏览数&nbsp;2481</span>
				<a href="javascript:;" class="like-i fr"><i class="icon-uniE930"></i>30</a>
				<div class="cl"></div>
			</div>
		</div>
		<!-- 动态内容 end-->
		<!-- 动态评论 -->
		<div class="assDt-foot">
			<p class="assDt-foot-head">评论(4)</p>
			<ul>
				<li>
					<a href="userPu-3.html" class="commentUser">
						<div class="user-img"><img src="images/ts1.jpg"></div>
						<span>安琪拉
							<div class="cir-iox">
								<i class="i-grade icon-vip0"></i>
								<i class="i-sex i-sexGirl icon-uniE917"></i>
							</div>
						</span>
						<span class="issue-time fr">05-03&nbsp;17:00</span>
						<span class="cl"></span>
					</a>
					<div class="commentText">
						<p class="aUserText">爱心粮油礼包还有吗？</p>
						<p class="bUserText"><span>佛山采云协会：</span>亲可以去现场了解下情况哦。</p>
					</div>
				</li>
				<li>
					<a href="userPu.html" class="commentUser">
						<div class="user-img"><img src="images/user-img3.png"></div>
						<span>苏公子
							<div class="cir-iox">
								<i class="i-grade icon-vip6"></i>
								<i class="i-sex icon-uniE918"></i>
							</div>
						</span>
						<span class="issue-time fr">05-03&nbsp;17:00</span>
						<span class="cl"></span>
					</a>
					<div class="commentText">
						<p class="aUserText">这个方案好像不错的样子。</p>
						<p class="bUserText"><span>广州农业协会：</span>感谢苏公子的支持，^_^...</p>
					</div>
				</li>
			</ul>
			<a href="javascript:;" class="comment-btn">
				<i class="icon-uniE93E"></i>
				评论
			</a>
		</div>
        <!--评论模块-->
        <div class="comment-module" hidden="hidden">
        	<div class="kuang">
            	<div class="comment-h">
                    <i class="icon-23 close"></i>
                    <p>评论</p>
                    <button type="button" class="btn">发送</button>
            	</div>
            	<div class="comment-con">
	            	<textarea rows="6"></textarea>
	            </div>
            </div>
        </div>
	</div>        	
        <!--评论模块end-->      
		<!-- 动态评论 end-->
		<!-- 引入js资源 -->
  		<script type="text/javascript" src="js/zepto.min.js"></script>
  		<script type="text/javascript">
  			$(document).ready(function(){
			  	$(".like-i").click(function(){
				    $(".like-i").addClass("like-i-active");
			  	});	

				$(".comment-btn").click(function(){
					$(".comment-module").show();
			});			
				$(".close").click(function(){
					$(".comment-module").hide();
			})
		});
  		</script>
	</div>
</body>
</html>